<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <title>无标题文档</title>
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/content.css" />
    <link rel="stylesheet" href="css/pages.css" />

</head>

<body>
    <div class="top clearfix"> <a href="" class="arrow"></a>
        <div class="title">服务分类</div>
        <a href="" class="finish_btn">完成</a>
    </div>
    <div class="edit_specialty">
        <div class="list">
            <h2>妈妈专享服务</h2>
            <ul class="clearfix">
                <li><a href="javascript:;" class="active">催乳/通乳/回奶</a></li>
                <li><a href="javascript:;">满月汗</a></li>
                <li><a href="javascript:;">胎盘胶囊制作</a></li>
                <li><a href="javascript:;">产后修复</a></li>
                <li><a href="javascript:;">孕产妇瑜伽</a></li>

            </ul>
        </div>
        <div class="list">
            <h2>宝宝专享服务</h2>
            <ul class="clearfix">
                <li><a href="javascript:;">小儿推拿</a></li>
                <li><a href="javascript:;">婴儿游泳/洗澡</a></li>
                <li><a href="javascript:;">儿童摄影</a></li>
                <li><a href="javascript:;">早教</a></li>

            </ul>
        </div>
        <div class="list">
            <h2>纪念品</h2>
            <ul class="clearfix">
                <li><a href="javascript:;">胎毛笔</a></li>
                <li><a href="javascript:;">脐带章</a></li>
                <li><a href="javascript:;">儿童摄影</a></li>
            </ul>
        </div>

    </div>


    <script src="js/jquery.js"></script>
    <script>
        $(".edit_specialty .list ul li a").click(function () {
            $(this).toggleClass("active");
        })
    </script>

</body>

</html>